import React from "react";
import { getTech } from "../../../lib/data";
import { TechSection } from "../../../components/TechSection";
import { PageHero } from "../../../components/PageHero";

export const revalidate = 300;

export default function TechPage({ params }: { params: { locale: string } }) {
  const locale = params.locale;
  const data = getTech(locale);
  return (
    <main className="bg-huilong-bg text-[#f3f2f0]">
      {data.hero && (
        <PageHero
          title={data.hero.title}
          subtitle={data.hero.subtitle}
          locale={locale}
        />
      )}
      <TechSection data={data} />
    </main>
  );
}